body{
	
	background-color: #260126;  margin:10px auto;
	
}



#content{

}

/* MENU */
#menu {
	font-family: arial;
	width: 980px;
	padding-left: 10px;
	font-size: 14px;
	float: left; 
	margin-top: 0; 
	top: 230px; 
	position: absolute;
	}
#menu li a:link { color: white; text-decoration: none; }
#menu li a:visited {color: white; text-decoration: none}
#menu li a:hover { color: pink; text-decoration: underline overline; }

#menu li {
	text-decoration:none;  
	color: white; 
	padding:0 10px; 
	border-right: 1px red solid;
	float:left;
	margin:auto;
	padding:0;
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 

#menu li a { 
	display:block; 
	padding-left: 10px; 
	color:white; 
	text-decoration:none; 
	margin-right: 10px; 
	}
	
 #menu ul li ul { display:none; }
#menu ul li:hover ul { display:block;  background: url("/images/ul_transparent.png") top left ;}
#menu li:hover ul li { float:left;  padding: 5px; }
#menu li ul { position:absolute; }
/* contact table */
#contacts{
    font-size: 12px;
    font-family: Arial;
    color: lightgrey;
    text-align: left;
    
}
#compagnie-equipe{
    font-size: 12px;
    font-family: Arial;
    color: lightgrey;
    text-align: left;
    width: 80%; 
    }
h4{
font-size: 14px;
}
h5{
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}
#corps{
	background: center center url('/images/background.png') repeat-y !important;
	text-align: center; 
	width: 980px;
	border: 2px black solid; 
	float: left; 
	font-size: 12px;
	font-family: arial;
	}


#banniere { color:red;text-align:left;background-image: url('/images/banniere.png'); 
border-top: 2px solid black;border-right: 2px solid black;border-left:2px solid black; width: 980px;height: 251px;}




#news_content {margin:9px 0 9px 9px;text-align: left;width:700px;   float: left;   }
#news_right_menu {
    margin: 9px 9px 9px 0; 
    text-align: left;
    width: 250px; 
    
    float: right; 
    color: white; }

#new_article {width: 700px;}
#news_article td {padding: 0 5px}
.news_div h2 { margin: 0; font-family: arial; font-size: 20px; color: white;}
.news_div {
background: url(/images/news_div.png) ;
border-bottom: 2px dotted grey; margin-bottom: 20px; margin-left: 5px; margin-right: 5px;}
#news_table_right_menu td{
	padding: 0 10px; 
	font-size: 16px; 
	font-family: arial;
}

.posted {color: grey; font: bold 12px arial;}
.posted a { color: lightblue; }
.news { 
	width: 660px; 
}

#news_table_right_menu ul li a {
	text-decoration: none;
	color: black;
}

#news_table_right_menu ul li a:hover {
	text-decoration: underline;
}

.top_news{
	background: url('/images/news/top_news.png') top left no-repeat;
	width:700px ;
	height: 12px;	
}

.middle_news{
	background: url(/images/news/middle_news.png) top left repeat-y;
	width:700px ;
	height: 10px;
}
.bottom_news{
 	background: url('/images/news/bottom_news.png') top left no-repeat;
 	width:700px ; 
	height: 12px;
}

.liens_footer  { 
	color: white; 
	padding: 0 10px;
	margin-top: 10px; 
	vertical-align: middle;
}

#footer {  
	background:black;  
	color: white;  
	text-align: left;  
	padding: 10px 0px;
	width:980px; 
	clear: both; 
	border: 2px solid black; 
	font-family: Arial; 
	font-size: 12px;
}

#menu_bas{ 
	float: right; 
	margin:0; 
	padding-right: 10px;
}

#contact_form{
	width: 100%;
}

#contact_form_table{
	width: 400px; 
	font-size: 12px;
	color: white;
}	
	
#loading_popup{
	display: none;
	z-index: 100;
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(/images/lp-bg.png);
}	
	
#dash-corps{
	background: white;
	text-align: left; 
	width: 1030px;
	border: 2px black solid; 
	
	font-size: 12px;
	font-family: arial;
}
.submenu{
	display: none;
	height: 20px;
}	
	
.error_message{
	border: 1px solid red; 
	font-weight: bold; 
	padding: 5px;
}
.success_message{
	border: 1px solid green; 
	font-weight: bold; 
	padding: 5px;"
}

.spec_link{
	text-decoration: none;
	color: lightgrey;	
}

.spec_link:hover{
	color: orange;
	text-decoration: underline;
}

#spec_list{
	float: left;
	width: 250px;
	margin: 20px 0 0 20px;
	border: 1px solid black;
	background: url(/images/ul_transparent2.png);
}

#spec_list_pag{
	border: 1px solid white;
	margin: 20px 0 20px 20px;
}

.spectacles_title{
	color: white;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.spectacles_title a{
	color: white;
	text-decoration: none;
}
	
.spectacles_title a:hover{
	color: orange;
	text-decoration: underline;
}
	
.spectacles_content{
	margin: 5px 30px 5px 30px;
	padding: 0;
	text-align: left;
}

#upload_div{
	margin: 10px;
	padding: 5px;
}

#file_list{
	width: 600px;
	border: 1px solid black;
	float: left;
}

#file_list ul{
	list-decoration: none;
}

#upload_file{
	border: 1px solid black;
	float: left;
	width: 35%;
	padding: 0 5px;
	margin-left: 10px;
}

#upload_form p{
	padding: 0;
	margin: 0;
	width: 300px;
	text-align: right;
}
#upload_form p+p{

	margin-top: 10px;
	width: 300px;
}